<template>
  <div>
    <!-- 获取状态机中的数据 -->
    <h3>{{ $store.state.name }}</h3>
    <h3>{{ $store.state.num }}</h3>
    <button @click="getstore()">获取状态机的值</button><br />

    <!-- 调用状态机中的方法给属性赋值 -->
    <!-- <button @click="$store.commit('setNum',3)">给状态机中属性赋值</button> -->
    <button @click="setNum(3)">给状态机中属性赋值</button>
    <hr />
    <input type="text" /><br />
    <input type="text" /><br />
    <button>登录</button>
  </div>
</template>
<script>
export default {
  name: "App",
  methods: {
    //   获取状态机中的值
    getstore() {
      console.log(this.$store.state.name);
    },
    // 调用状态机中的方法给属性赋值
    setNum(val) {
      console.log(this.$store.commit("setNum", val));
    },
  },
};
</script>
<style scoped>
</style>